<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>魅族手机大卖场</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/meizu_nav.css">
  <link rel="stylesheet" href="css/meizu_banner.css">
  <link rel="stylesheet" href="css/meizu_commodity.css">
  <link rel="stylesheet" href="css/meizu_content.css">
  <link rel="stylesheet" href="css/meizu_footer.css">
  <link rel="stylesheet" href="icon/iconfont.css">
</head>
<body>
  <div class="nav">
    <div class="nav_left">
      <ul>
        <li class="frist_nav_li">魅族官网</li>
        <li>魅族商城</li>
        <li>Flyme</li>
        <li>专卖店</li>
        <li>服务</li>
        <li>社区</li>
      </ul>
    </div>
    <div class="nav_right">
      <ul>
        <li class="collection">我的收藏<span>new</span></li>
        <li>我的订单</li>
        <li>登录</li>
        <li>注册</li>
      </ul>
    </div>
  </div>
  <div class="tel_nav">
    <ul>
      <li>
        <h1>
          魅族手机，智能手机
        </h1>
      </li>
      <li>PRO手机</li>
      <li>魅蓝手机</li>
      <li>MX手机</li>
      <li>精选配件</li>
      <li>智能硬件</li>
    </ul>
  </div>
  <div class="banner">
    
    <div class="banner_img">
      <div class="banner_sider">
        <ul>
          <li>全部商品分类</li>
          <li>手机</li>
          <li>智能硬件</li>
          <li>耳机/音响</li>
          <li>路由器/移动电源</li>
          <li>保护套/后盖/贴膜</li>
          <li>数据线/电源适配器</li>
          <li>周边配件</li>
        </ul>
      </div>
      <img src="images/meizu_banner.jpg" alt="">
      <span class="banner_btn_left"></span>
      <span class="banner_btn_right"></span>
    </div>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <div class="commodity">
    <div class="commodity_div commodity_after">
      <div><span class="iconfont icon-m"></span>M码通道</div>
      <div><span class="iconfont icon-jiaohuanji"></span>以旧换新</div>
      <div><span class="iconfont icon-bao"></span>魅族意外险</div>
      <div><span class="iconfont icon-danju-tianchong"></span>回购单查询</div>
    </div>
    <div class="commodity_div commodity_mondy">
      <div class="commodity_mondy_text">
        <p>周一品牌日</p>
        <span>热销机型 限量开售</span>
      </div>
    </div>
    <div class="commodity_div commodity_tel">
      <div class="tel_left">
        <h2>魅蓝 Max</h2>
        <p>12期免息分期</p>
        <p><span>1669元</span>起</p>
      </div>
      <img src="images/meizu_tel_photo.png" alt="" width="85px" height="123px">
    </div>
    <div class="commodity_div commodity_tel">
      <div class="tel_left">
        <h2>魅蓝 Max</h2>
        <p>12期免息分期</p>
        <p><span>1669元</span>起</p>
      </div>
      <img src="images/meizu_tel_photo.png" alt="" width="85px" height="123px">
    </div>
    <div class="commodity_div commodity_tel">
      <div class="tel_left">
        <h2>魅蓝 Max</h2>
        <p>12期免息分期</p>
        <p><span>1669元</span>起</p>
      </div>
      <img src="images/meizu_tel_photo.png" alt="" width="85px" height="123px">
    </div>
  </div>
  <div class="shouji"><h2>手机</h2></div>

  <div class="content">
    <div class="tel_div">
      <div class="tel_div_img">
        <img src="images/meizu_tel_photo.png" alt="" width="120px" height="150px">
      </div>
      <div class="tel_div_text">
        <p class="tel_name">魅族note3</p>
        <p class="tel_time">11日-12日限时开售</p>
        <p class="tel_money">￥799</p>
      </div>
    </div>
    <div class="tel_div">
      <div class="tel_div_img">
        <img src="images/meizu_tel_photo.png" alt="" width="120px" height="150px">
      </div>
      <div class="tel_div_text">
        <p class="tel_name">魅族note3</p>
        <p class="tel_time">11日-12日限时开售</p>
        <p class="tel_money">￥799</p>
      </div>
    </div>
    <div class="tel_div">
      <div class="tel_div_img">
        <img src="images/meizu_tel_photo.png" alt="" width="120px" height="150px">
      </div>
      <div class="tel_div_text">
        <p class="tel_name">魅族note3</p>
        <p class="tel_time">11日-12日限时开售</p>
        <p class="tel_money">￥799</p>
      </div>
    </div>
    <div class="tel_div">
      <div class="tel_div_img">
        <img src="images/meizu_tel_photo.png" alt="" width="120px" height="150px">
      </div>
      <div class="tel_div_text">
        <p class="tel_name">魅族note3</p>
        <p class="tel_time">11日-12日限时开售</p>
        <p class="tel_money">￥799</p>
      </div>
    </div>
    <div class="tel_div">
      <div class="tel_div_img">
        <img src="images/meizu_tel_photo.png" alt="" width="120px" height="150px">
      </div>
      <div class="tel_div_text">
        <p class="tel_name">魅族note3</p>
        <p class="tel_time">11日-12日限时开售</p>
        <p class="tel_money">￥799</p>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_c">
      <dl>
        <dt>帮助说明</dt>
        <dd>
          <a href="#">支付说明</a>
          <a href="#">支付说明</a>
          <a href="#">支付说明</a>
          <a href="#">支付说明</a>
        </dd>
      </dl>
      <dl>
        <dt>Flyme</dt>
        <dd>
          <a href="#">开放平台</a>
          <a href="#">固件下载</a>
          <a href="#">软件商城</a>
          <a href="#">查找手机</a>
        </dd>
      </dl>
      <dl>
        <dt>关于我们</dt>
        <dd>
          <a href="#">关于魅族</a>
          <a href="#">加入我们</a>
          <a href="#">联系我们</a>
          <a href="#">法律声明</a>
        </dd>
      </dl>
      <dl>
        <dt>关注我们</dt>
        <dd>
          <a href="#">新浪微博</a>
          <a href="#">腾讯微博</a>
          <a href="#">QQ空间</a>
          <a href="#">官方微信</a>
        </dd>
      </dl>
      <div class="footer_c_right">
        <p>24h全国在线服务热线</p>
        <p class="footer_tel_number">400-788-333</p>
        <p class="footer_tel_btn">24小时在线客服</p>
      </div>
    </div>
    
  </div>
  <div class="copyright">
      <div class="copyright_c">
        <em>©2016Meizu Telecom Equipment Co. Ltd. All rights reserved. <span>备案号：粤ICP备13003602号-2</span> <span>经营许可证编号：粤B2-20130198 </span>
        <span class="copyright_position">
          营业执照:  
          <i class="copyright1"></i>
          <i class="copyright2"></i>
          <i class="copyright3"></i>
        </span>
      </em>
      </div>
    </div>
</body>
</html>